<template>
    <div id="app">
    <div class="tabs">
        <ul>
                <router-link :to="{name:'home'}" tag="li" exact>
                    <div><img src="../assets/images/home.svg" /></div>
                    <div>首页</div>
                </router-link>
                <router-link :to="{name:'explorer'}" tag="li">
                    <div><img src="../assets/images/category.svg" /></div>
                    <div>分类</div>
                </router-link>

                <router-link :to="{name:'cart'}" tag="li">
                    <div><img src="../assets/images/cart.svg" /></div>
                    <div>购物车</div>
                </router-link>

                <router-link :to="{name:'me'}" tag="li">
                    <div><img src="../assets/images/me.svg" /></div>
                    <div>个人中心</div>
                </router-link>
        </ul>
    </div>
        </div>
</template>
<script>
    import "./tabs.less"
    export default{
    }
</script>
<style></style>